/* 
  1. 函数式组件中，没有状态
  2. 在Hook中，有状态
  3. 状态一开始是使用在类组件中的
*/
import React from 'react';
class App extends React.Component {
  /* 
    vue 2.x 
    data:{
      key:value
    }
    vue 3.x
    let bool = ref(true)
    let obj = reactive({
      name:"TT"
    })
  */
  // state = {
  //   msg:""
  // }
  constructor(props) {
    super(props);
    this.state = {
      msg: 'constructor',
    };
  }
  render() {
    return (
      <div>
        <h1>App 组件 {this.state.msg}</h1>
      </div>
    );
  }
}
export default App;
